<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>	
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../../css/common.css">
		<link rel="stylesheet" type="text/css" href="../../css/icomoon/style.css">
		<script type="text/javascript" src="../../js/rem.js"></script>
	</head>
	<body>
		<div class="m-autobid">
			<h3 class="header f-pr">
				<span>自动投标</span>
				<i class="icon-angle-left f-pa"></i>
				<small class="f-pa">规则</small>
			</h3>
			<div class="tabs">
				<a class="tab cur" data-id="1">设置</a>
				<a class="tab" data-id="2">记录</a>
			</div>
			<div class="" id="tab1">
				<ul class="slist">
					<li>
						<i class="icon-angle-right f-pa"></i>
						<div class="title">
							一：散标方案<span>（排名：<b>18496</b>位）</span>
							<label class="label-switch">
								<input type="checkbox" id="checkbox">
								<div class="checkbox"></div>
							</label>
						</div>
						<div class="binfo">
							<div class="item">
								<p class="rate">10.5-14<small>%</small></p>
								<p>预期年化收益</p>
							</div>
							<div class="item">
								<p class="num">3-6个月</p>
								<p>投资期限</p>
							</div>
							<div class="item">
								<p class="num">20000.00</p>
								<p>账户保留余额</p>
							</div>
						</div>
					</li>
					<li>
						<i class="icon-angle-right f-pa"></i>
						<div class="title">
							一：散标方案<span>（排名：<b>18496</b>位）</span>
							<label class="label-switch">
								<input type="checkbox" id="checkbox" checked="checked">
								<div class="checkbox"></div>
							</label>
						</div>
						<div class="binfo">
							<div class="item">
								<p class="rate">10.5-14<small>%</small></p>
								<p>预期年化收益</p>
							</div>
							<div class="item">
								<p class="num">3-6个月</p>
								<p>投资期限</p>
							</div>
							<div class="item">
								<p class="num">20000.00</p>
								<p>账户保留余额</p>
							</div>
						</div>
					</li>
				</ul>
				<a class="btn">添加</a>
				<p class="tips"><i class="qicon"></i>每位用户最多能添加3位自动投标设置</p>
			</div>
			<div class="hide" id="tab2">
				<ul class="rlist">
					<li>
						<p class="title">深圳丰田普拉多汽车抵押</p>
						<div class="binfo">
							<div class="item">
								<p class="amount">20,000.00</p>
								<p>出借金额</p>
							</div>
							<div class="item">
								<p class="rate">14<small>%</small></p>
								<p>借款利率</p>
							</div>
							<div class="item">
								<p class="num">5,400.53</p>
								<p>预期/已收收益</p>
							</div>
						</div>
						<p class="sbox">
							<span class="f-fl time">出借时间：2017-09-17 13:54</span>
							<span class="status f-fr">投标中</span>
						</p>
					</li>
					<li>
						<p class="title">深圳丰田普拉多汽车抵押</p>
						<div class="binfo">
							<div class="item">
								<p class="amount">20,000.00</p>
								<p>出借金额</p>
							</div>
							<div class="item">
								<p class="rate">14<small>%</small></p>
								<p>借款利率</p>
							</div>
							<div class="item">
								<p class="num">5,400.53</p>
								<p>预期/已收收益</p>
							</div>
						</div>
						<p class="sbox">
							<span class="f-fl time">出借时间：2017-09-17 13:54</span>
							<span class="status f-fr">投标中</span>
						</p>
					</li>
					<li>
						<p class="title">深圳丰田普拉多汽车抵押</p>
						<div class="binfo">
							<div class="item">
								<p class="amount">20,000.00</p>
								<p>出借金额</p>
							</div>
							<div class="item">
								<p class="rate">14<small>%</small></p>
								<p>借款利率</p>
							</div>
							<div class="item">
								<p class="num">5,400.53</p>
								<p>预期/已收收益</p>
							</div>
						</div>
						<p class="sbox">
							<span class="f-fl time">出借时间：2017-09-17 13:54</span>
							<span class="status f-fr">投标中</span>
						</p>
					</li>
				</ul>
			</div>
		</div>

		<script type="text/javascript" src="../../js/zepto.min.js"></script>
		<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/common.js"></script>

		<script type="text/javascript">
			tab('.m-autobid .tabs .tab', '#tab', 'cur', 2);
			
			$('.label-switch').on('tap', function(){
				var checkbox = $(this).children('input[type="checkbox"]');
				if(checkbox.prop('checked')){
					mui.confirm('停用此项会重新排队，您确认停用吗？', '提示', ['取消', '确认'], function(e){
						if(e.index == 1){
							//
						}
					});
				}
			});
		</script>
	</body>
</html>